<template>
  <div  class="bre-height100" style="background:#666;">
  
    <a-row>
      <a-image-preview-group>
        <a-col :span="8">
          <div class="photograph-img-shadow">
            <a-image
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
          </div>
        </a-col>
        <a-col :span="6">
                      <div class="photograph-img-shadow">
          <a-image
            src="https://pic4.zhimg.com/v2-b756ffb59287d8ee6f80978773f9c229_r.jpg"
          />
          </div>
        </a-col>
        <a-col :span="6">
          <a-image
            src="http://imageproxy.chaoxing.com/0x0,q15,jpeg,sS4a4_ihQLJNH2Xdn4vbph0i8usQy_x8Pe3GhYfbzw4Q/http://p.ananas.chaoxing.com/star3/origin/5999f0d0dd19214805fa2b0ed1027ff0.png"
          />
          <a-image
            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
          />
        </a-col>
        <a-col :span="4">
          <a-image
            src="http://pan-yz.chaoxing.com/preview/showpreview_461002865332834304.html?v=1611586020000"
          />
        </a-col>
      </a-image-preview-group>
    </a-row> 
   <a-row style="position: fixed;width: 100%;
    bottom: 0;border: 1px solid #ccc; font-size: 20px;   padding: 30px;
    border-color: #000;background: #333; color: #fff;" > <a-col :span="24">
      摄影赏析
    </a-col> 
  </a-row>
  </div>
</template>
<script>
export default {
  methods: {},
};
</script>
<style lang="scss" >
.photograph-img-shadow {
  img {
    // z-index: -1;
    position: relative;
    vertical-align: top;
  }
}



// .photograph-img-setshadow{
// }
</style>